<template>
  <div class="life_page">
      <Row :gutter="16">
          <Col :md="17" :lg="17" :sm="24" :xs="24">
                <Breadcrumb :title="this.$route.meta"/>
                <ArticleList :classify="1"/>
            </Col>
            <Col :md="7" :lg="7" :sm="0" :xs="0">
                <Saying />
                <Contact />
                <TagCloud />
                <FriendlyLink />
            </Col>
      </Row>
  </div>
  
</template>

<script>
import Saying from '@/components/front/Saying.vue'
import TagCloud from '@/components/front/TagCloud.vue'
import FriendlyLink from '@/components/front/FriendlyLink.vue'
import Contact from '@/components/front/Contact.vue'
import ArticleList from '@/components/front/ArticleList.vue'
import Breadcrumb from '@/components/front/Breadcrumb.vue'
export default {
    data () {
        return {
            // value: 0,
            // setting: {
            //     autoplay: true,
            //     autoplaySpeed: 2000,
            //     dots: 'inside',
            //     radiusDot: true,
            //     trigger: 'click',
            //     arrow: 'hover'
            // }
        }
    },
    components:{
        Saying,
        TagCloud,
        FriendlyLink,
        Contact,
        ArticleList,
        Breadcrumb
    }
}
</script>

<style scoped>
    .carBox{
        padding: 4px;
        /* width: 800px; */
        background-color: #fff;
    }
    .demo-carousel img{
        width: 800px;
        height: 300px;
    }
</style>